<template>
  <div>
    <el-container>
      <el-header>
        <home-header></home-header>
      </el-header>
      <el-main class='law'>
      <serch-input></serch-input>
      <law-main></law-main>
      </el-main>
      <el-footer>
        <home-footer></home-footer>
      </el-footer>
    </el-container>
  </div>
</template>

<script>
	import HomeHeader from '../home/HomeHeader'
	import HomeFooter from '../home/HomeFooter'
  import LawMain from './law/LawMain'
  import SerchInput from '../lawserch/lawserch/SerchInput'

  export default {
    name: 'Law',
    components: { 
      HomeHeader,
      SerchInput,
      LawMain,
      HomeFooter
    }
  }
</script>

<style >
    
  .law .navserch input.el-input__inner {
    background: #fff;
  }
  .law .navserch{
    margin-top: 20px;
    margin-bottom: -20px;
  }
</style>
